<template>
	<div class="wrap flex flex-direction-column flex-justify-center flex-align-center">
		<img class="no-data-img" :src="noDataImg"/>
		<p class="no-data-text">{{text||'暂无数据'}}</p>
	</div>
</template>

<script>
	import noDataImg from '@/assets/images/no-data.png'
	export default{
		name:'NoData',
		props:{
			text:String
		},
		data(){
			return{
				noDataImg,
			}
		}
	}
</script>

<style scoped lang="scss">
.wrap{
	width: 100%;
	height: 461px;
	.no-data-img{
		width: 360px;
	}
	.no-data-text{
		text-align: center;
		font-size: 16px;
		color: #999999;
		line-height: 83px;
	}
}
</style>